import * as React from 'react';
import * as ReactDOM from 'react-dom';
// 使用路由进行配置,在v4中react-router必须脱离出来单独加载，不能使用内置的方式进行加载，否则报错，v4以下的版本可以使用内置的方式进行引用
import { Router, Route } from 'react-router';
import createBrowserHistory from 'history/createBrowserHistory';
const history = createBrowserHistory();

import App from './App';
import registerServiceWorker from './registerServiceWorker';
import './index.css';
import Demo1 from './demo1';

ReactDOM.render(
	<Router history={history}>
	  	<div>
			{/* 这里的react-router，在根目录时要使用exact为true时路径会完全匹配，否则会模糊匹配 */}
			<Route path="/" component={App} exact />
			<Route path="/demo1" component={Demo1} />
		</div>
	</Router>,
  	document.getElementById('root') as HTMLElement
);
registerServiceWorker();
